Feedback and Feedforward

Feedback is a verification for the user that they have taken an action. In our case, the mechanics of panels disappearing and appearing provides feedback to users that when they pressed the button, the software registered it.

In interface design, there is also a concept called Feedforward, which is giving users an indication that if they take an action something will happen.

One example of feedforward you may have already noticed is that the reticle grows in size over an element that is clickable. However, to make certain that we are providing our users with enough visual cues, let’s take this a step further and create even more noticeable feedforward.

Some ways we could accomplish this would be by slightly moving the canvas when the user hovers over a button, changing the text on the button, changing the button color, and more. For now, let’s implement a simple color change when the user is looking at the interface element by changing the color value for the Highlighted Color property of the Button. In the image below, we have changed it to green:

Next Concept